<template>
  <div class="min-h-screen">
    <!-- 顶部导航 -->
    <Header />
    <router-view />
    <!-- 返回顶部 -->
    <a-back-top>
      <div
        class="w-10 h-10 bg-blue-500 text-white rounded-full flex items-center justify-center cursor-pointer shadow-lg"
      >
        <up-outlined />
      </div>
    </a-back-top>
    <Footer />
    <!--    server	require	music platform: netease, tencent, kugou, xiami, baidu-->
    <meting-js
      :autoplay="true"
      server="netease"
      type="playlist"
      :fixed="true"
      id="513217941"
    >
    </meting-js>
  </div>
</template>

<script lang="ts" setup>
import Header from "@/components/common/Header.vue";
import Footer from "@/components/common/Footer.vue";
import { UpOutlined } from "@ant-design/icons-vue";
import "aplayer/dist/APlayer.min.css";
</script>

<style scoped>
@media (max-width: 640px) {
  .aplayer {
    width: 100% !important;
  }
}
</style>
